$popoverBorderRadius: $space-x6;

.uncon-popover {
  font-weight: normal;
  color: $gray-800;

  margin: 0.25rem;
  border-radius: $popoverBorderRadius;
  border: $border;
  background-color: $gray-100;
  z-index: 1000;
  max-width: 18rem;

  &.sm {
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.1px;

    padding: 0.5rem 0.75rem;
  }

  &.xl {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.15px;

    padding: $space-x2 $space-x4;
  }

}
